<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./template/head.css">
    <link rel="stylesheet" href="./template/footer.css">
    <link rel="stylesheet" href="./css/shop_car.css">
    <script src="./lib/jquery.js"></script>
</head>
<body>
    <!-- 头部开始 -->
    <div class="head">
        <div class="top">
            <div class="wrapper clearfix">
                <span class="fl">乐购www.legou.com</span>
                <span class="fr">欢迎光临乐购&emsp;请 <a href="./login.html">登录</a> | <a href="./register.html">注册</a></span>
            </div>
        </div>
        <div class="nav">
            <div class="wrapper">
                <div class="logo">
                    <h1>
                        <a href="#">lego商城</a>
                    </h1>
                </div>
                <div class="search">
                    <form action="#">
                        <input type="text" placeholder="请输入搜索的商品名">
                        <button></button>
                    </form>
                </div>
                <div class="shop_car">
                    <a href="./shop_car.html"><span>购物车<label>0</label></span></a>
                    <span>我的订单</span>
                </div>
                <ul class="clearfix">
                    <li><a href="#">图书</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">创意文具</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>
                </ul>
            </div>
        </div>

    </div>
    <!-- 头部结束 -->

    <!-- 主体部分开始 -->
    <div class="main">
        <div class="shop_info wrapper">
            <div class="shop_info_h clearfix">
                <ul class="fl">
                    <li>
                        全部商品<span>3</span>
                    </li>
                    <li>
                        活动商品<span>0</span>
                    </li>
                    <li>
                        库存紧张<span>0</span>
                    </li>
                </ul>
                <p>
                    <span>温馨提示:</span> 亲爱的顾客, 您还没有登录, 所有商品价格,活动信息以登录后显示为准
                    <a href="./login.html">立即登录</a>
                </p>
            </div>
            <div class="shop_info_b">
                <div class="content_h clearfix">
                    <div class="func fl">
                        <span><input type="checkbox"> 全选</span>
                        <span>删除</span>
                        <span>分享</span>
                        <span>移入收藏夹</span>
                        <span>消除失效宝贝</span>
                    </div>
                    <div class="settle_accounts fr">
                        <p>已选商品<span id="toatl_num">0</span></p>
                        <p>合计(不含运费)<span id="toatl_price">￥0.00</span></p>
                        <p><a href="#">去结算</a></p>
                    </div>
                </div>
                <div class="commodity">
                    <div id="shop1" class="commodity1">
                        <p><input type="checkbox"> 木果果木官方旗舰店 <a href="#">联系店家</a> <span>满2件包邮</span></p>
                        <ul class="clearfix">
                            <li>
                                <input class="fl" type="checkbox">
                                <img class="fl" src="./imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="">
                                <div class="fl info">
                                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                                    <span>新品</span>
                                    <span>包邮</span>
                                </div>
                                <div class="genre fl">
                                    颜色: 魅夜黑
                                    尺寸: M
                                </div>
                                <div class="subtotal fl">
                                    <span>¥169.00</span>
                                    VIP积分
                                    <label>100</label>
                                </div>
                                <div class="inp_num fl">
                                    <span class="add">+</span>
                                    <input type="text" value="1">
                                    <span class="minus">－</span>
                                </div>
                                <ul class="fr">
                                    <li>移入收藏夹</li>
                                    <li id="cancel">删除</li>
                                    <li>分享</li>
                                    <li>相似宝贝</li>
                                </ul>
                            </li>
                            <li>
                                <input class="fl" type="checkbox">
                                <img class="fl" src="./imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="">
                                <div class="fl info">
                                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                                    <span>新品</span>
                                    <span>包邮</span>
                                </div>
                                <div class="genre fl">
                                    颜色: 魅夜黑
                                    尺寸: M
                                </div>
                                <div class="subtotal fl">
                                    <span>¥169.00</span>
                                    VIP积分
                                    <label>100</label>
                                </div>
                                <div class="inp_num fl">
                                    <span class="add">+</span>
                                    <input type="text" value="1">
                                    <span class="minus">－</span>
                                </div>
                                <ul class="fr">
                                    <li>移入收藏夹</li>
                                    <li id="cancel">删除</li>
                                    <li>分享</li>
                                    <li>相似宝贝</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div id="shop2" class="commodity1">
                        <p><input type="checkbox"> 木果果木官方旗舰店 <a href="#">联系店家</a> <span>满2件包邮</span></p>
                        <ul class="clearfix">
                            <li>
                                <input class="fl" type="checkbox">
                                <img class="fl" src="./imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="">
                                <div class="fl info">
                                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                                    <span>新品</span>
                                    <span>包邮</span>
                                </div>
                                <div class="genre fl">
                                    颜色: 魅夜黑
                                    尺寸: M
                                </div>
                                <div class="subtotal fl">
                                    <span>¥169.00</span>
                                    VIP积分
                                    <label>100</label>
                                </div>
                                <div class="inp_num fl">
                                    <span class="add">+</span>
                                    <input type="text" value="1">
                                    <span class="minus">－</span>
                                </div>
                                <ul class="fr">
                                    <li>移入收藏夹</li>
                                    <li id="cancel">删除</li>
                                    <li>分享</li>
                                    <li>相似宝贝</li>
                                </ul>
                            </li>
                            <li>
                                <input class="fl" type="checkbox">
                                <img class="fl" src="./imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="">
                                <div class="fl info">
                                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                                    <span>新品</span>
                                    <span>包邮</span>
                                </div>
                                <div class="genre fl">
                                    颜色: 魅夜黑
                                    尺寸: M
                                </div>
                                <div class="subtotal fl">
                                    <span>¥169.00</span>
                                    VIP积分
                                    <label>100</label>
                                </div>
                                <div class="inp_num fl">
                                    <span class="add">+</span>
                                    <input type="text" value="1">
                                    <span class="minus">－</span>
                                </div>
                                <ul class="fr">
                                    <li>移入收藏夹</li>
                                    <li id="cancel">删除</li>
                                    <li>分享</li>
                                    <li>相似宝贝</li>
                                </ul>
                            </li>
                            <li>
                                <input class="fl" type="checkbox">
                                <img class="fl" src="./imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="">
                                <div class="fl info">
                                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                                    <span>新品</span>
                                    <span>包邮</span>
                                </div>
                                <div class="genre fl">
                                    颜色: 魅夜黑
                                    尺寸: M
                                </div>
                                <div class="subtotal fl">
                                    <span>¥169.00</span>
                                    VIP积分
                                    <label>100</label>
                                </div>
                                <div class="inp_num fl">
                                    <span class="add">+</span>
                                    <input type="text" value="1">
                                    <span class="minus">－</span>
                                </div>
                                <ul class="fr">
                                    <li>移入收藏夹</li>
                                    <li id="cancel">删除</li>
                                    <li>分享</li>
                                    <li>相似宝贝</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="guess_like">
                <h3>猜你喜欢</h3>
                <ul class="clearfix">
                    <li>
                        <img src="./imgs/图层676.png" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="./imgs/图层676.png" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="./imgs/图层676.png" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="./imgs/图层676.png" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="./imgs/图层676.png" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="./imgs/图层676.png" alt="">
                        <p>AIVEI秋新中长款牛仔</p>
                        <span>¥ 79.00</span>
                    </li>
                </ul>
            </div>
        </div>
        
    </div>
    <!-- 主体部分结束 -->

    <!-- 页脚部分开始 -->
    <div class="footer">
        <div class="footer_h">
            <div class="wrapper clearfix">
                <ul>
                    <li>
                        <img src="./imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="">
                        <div>
                            <p>正品保障</p>
                            <span>正品行货 放心选购</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="">
                        <div>
                            <p>满86包邮</p>
                            <span>满86元 免运费</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg" alt="">
                        <div>
                            <p>售后无忧</p>
                            <span>7天无理由退货</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="">
                        <div>
                            <p>准时送达</p>
                            <span>收货时间由你做主</span>
                        </div>
                    </li>
                </ul>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>会员制度</dd>
                    <dd>订单查询</dd>
                    <dd>服务协议及隐私说明</dd>
                    <dd>网站地图</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>货到付款</dd>
                    <dd>网上支付</dd>
                    <dd>礼品卡支付</dd>
                    <dd>其它支付</dd>
                </dl>
                <dl>
                    <dt>配送服务</dt>
                    <dd>配送进度查询</dd>
                    <dd>商品验货与签收</dd>
                </dl>
                <dl>
                    <dt>相关规则</dt>
                    <dd>平台规则</dd>
                    <dd>退换货政策</dd>
                    <dd>发票制度</dd>
                    <dd>帮助中心</dd>
                </dl>
                <div>
                    <p>App更优惠</p>
                    <img src="./imgs/qryhd.png" alt="">
                </div>
                <div>
                    <p>加微信查订单</p>
                    <img src="./imgs/qryhd.png" alt="">
                </div>
            </div>
        </div>
        <div class="footer_b">
            <div class="wrapper">
                <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |
                </p>
                <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
                <img src="./imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt="">
                <img src="./imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt="">
                <img src="./imgs/f582260777c44b30.png" alt="">
                <img src="./imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt="">
                <img src="./imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt="">
                <img src="./imgs/7b46518a9d74a1d6.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 页脚部分结束 -->

    <script src="./js/shop_car.js"></script>
</body>
</html>